<template>
  <div style="text-align: left" v-for="(item, index) in list" :key="index">
    <a-row>
      <a-col :span="1"></a-col>
      <a-col v-if="showNum" :span="0.5">{{ index + 1 }}.</a-col>
      <a-col :span="22" v-html="item"></a-col>
    </a-row>
    <a-divider
      v-if="showLine"
      class="divider-margin-8"
      :style="{ borderColor: lineColor }"
      dashed
    />
  </div>
</template>
<script setup>
// 子组件
// eslint-disable-next-line no-undef
defineProps({
  list: Array,
  showNum: {
    type: Boolean, // 校验类型
    required: false, // 是否必填
    default: true, // 默认值
  },
  showLine: {
    type: Boolean, // 校验类型
    required: false, // 是否必填
    default: true, // 默认值
  },
  // 分隔线颜色
  lineColor: {
    type: String, // 校验类型
    required: false, // 是否必填
    default: "#7cb305", // 默认值
  },
});
</script>

<style scoped></style>
